<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚点的使用</title>
    <style>
        body{
            height:2000px;
        }
        div{
            height:130px;
            line-height:130px;
            box-shadow:1px 1px 10px #ccc;
            font-size:30px;
            text-align:center;
        }
        p{
            text-align: center;
        }
        :target{
            width: 130px;
            height: 130px;
        }
    </style>
</head>
<body>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
<div id="5">5</div>
<p class="nav">
    <a href="#1">第一个</a>
    <a href="#2">第二个</a>
    <a href="#3">第三个</a>
    <a href="#4">第四个</a>
    <a href="#5">第五个</a>
</p>
</body>